@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.header {
	text-align: center;
}

.header__main-title {
	h1 {
		font-size: 2.5em;
		font-weight: 600;

		margin: 1.5em auto 0.25em;
	}
}

.is-group-jetpack-cloud.is-section-jetpack-cloud-pricing
.header
.header__main-title
.formatted-header__title {
	max-width: 280px;
	margin-bottom: 32px;
	margin-right: auto;
	margin-left: auto;

	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1.4;

	@include break-small {
		max-width: none;

		font-size: 2rem;
		line-height: 1.2;
	}
}
